<?
 $v_css  = $_GET["css"];
 $v_menu = $_GET["menu"];
 $v_img  = $_GET["img"];
?>
<h1>Personalizar esta página</h1>

<p>Si es que no te gusta el diseño, siempre puedes hacer algún que otro cambio:</p>

<table>
  <tr>
    <th rowspan="3">CSS<sup><a href="#nota-css" title="Nota sobre navegadores">[1]</a></sup></th>
    <td><? enlace2('Quitar css', 0, $v_menu, $v_img); ?> (ver sólo la estructura)</td>
  </tr>
  <tr>
    <td><? enlace2('CSS normal', 2, $v_menu, $v_img); ?> (valida)</td>
  </tr>
  <tr>
    <td><? enlace2('CSS 3', null, $v_menu, $v_img); ?> (por defecto, no valida)</td>
  </tr>
  <!--<tr>
    <td><? enlace2('Otro estilo distinto', 50, $v_menu, $v_img); ?> <span style="cursor:help;" title="Requiere tablas y no tengo ganas de rehacerlo todo.">(próximamente)</span></td>
  </tr>-->
  
  <tr>
    <th rowspan="3">Menú</th>
    <td><? enlace2('Poner el menú a la izquierda', $v_css, 'izq', $v_img); ?> (y las imágenes a la derecha)<sup><a href="#nota-menu-izq" title="Nota sobre cambiar la posición del menú">[2]</a></sup></td>
  </tr>
  <tr>
    <td><? enlace2('Poner el menú a la derecha', $v_css, null, $v_img); ?> (por defecto)</td>
  </tr>
  <tr>
    <td><? enlace2('Quitar el menú', $v_css, 'no', $v_img); ?></td>
  </tr>
  
  <tr>
    <th rowspan="4">Imágenes</th>
    <td><? enlace2('Ocultar imágenes (y no mostrar su texto alternativo)', $v_css, $v_menu, 'no'); ?></td>
  </tr>
  <tr>
    <td><? enlace2('Mostrar sólo el texto alternativo, no la imagen', $v_css, $v_menu, 'alt'); ?></td>
  </tr>
  <tr>
    <td><? enlace2('Mostrar imágenes sin marco', $v_css, $v_menu, 'normal'); ?> (ni pie de foto)</td>
  </tr>
  <tr>
    <td><? enlace2('Mostrar un marco alrededor de todas las imágenes', $v_css, $v_menu, null); ?> (por defecto)</td>
  </tr>

<? if ($_GET["css"]==null && $_GET["menu"]==null && $_GET["img"]==null) { /* no hacer nada */ }
else {
?>  
  <tr>
    <td colspan="2" class="centro" id="volver_estado_inicial"><? enlace2('Volver al estado inicial'); ?></td>
  </tr> <? }/* end-if */ ?>
</table>

<p>

  <span class="oculto" id="nota-css">La característica del <strong>CSS 3</strong> sólo está disponible, parcialmente,
  en navegadores tipo <strong>Gecko</strong> <span class="small">(como <em>Firefox</em>)</span>
  y <strong>WebKit</strong> <span class="small">(como <em>Google Chrome</em> o <em>Safari</em>)</span>.
  Si usas Internet Explorer, no te molestes en ver nada nuevo.&nbsp;<a href="#"
  title="Ocultar este mensaje" class="ocultar small negrita">[ocultar]</a></span>

  <span class="oculto" id="nota-menu-izq">Al cambiar el menú de posición puede que quede todo un poco
  desalineado. No funciona en combinación con <em>quitar css</em>.&nbsp;<a href="#" title="Ocultar este mensaje"
  class="ocultar small negrita">[ocultar]</a></span>

</p>

<p id="nota" class="small">*&#32;Nota: Si quieres ocultar cualquier cosa, basta con que busques su <em>id</em>
en el código fuente y lo escribas en la dirección, precedido de <strong>#</strong>.<br>Por ejemplo,
para ocultar la parte del menú de las distribuciones, la dirección ha de quedar así:
<code class="nobr"><a href="?pagina=5#menu-3">https://belenus.unirioja.es/~ivperep/linux/?pagina=5<strong>#menu-3</strong></a></code>.
Como muchas otras cosas, puede no funcionar en Internet Explorer.</p>
